body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
iframe {
  margin: 0;
  padding: 0;
}
body {
  font-family: tahoma, \5b8b\4f53, arial;
  line-height: 1.5;
  font-size: 12px;
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
fieldset,
img {
  border: 0;
}
img {
  vertical-align: top;
}
address,
caption,
cite,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
select,
button {
  vertical-align: baseline;
  *vertical-align: middle;
}
input[type=checkbox],
input[type=radio] {
  vertical-align: middle;
}
textarea {
  overflow: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*HTML5*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  display: block;
  margin: 0;
  padding: 0;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
time,
mark {
  display: inline;
}
mark {
  background-color: #ff0;
  color: #000;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    transform: translate3d(0, -100px, 0);
  }
  60% {
    transform: translate3d(0, 15px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.hljs {
  font-family: Consolas, 'Courier New', monospace;
  overflow-x: auto;
  color: #525252;
  line-height: 15px;
  display: block;
  padding-bottom: 10px;
  margin-top: 5px;
}
.hljs-attr {
  color: #e96900;
}
.hljs-name {
  color: #3e76f6;
}
.hljs-tag {
  color: #3e76f6;
}
.hljs-string {
  color: #42b983;
}
.hljs-keyword {
  color: #e96900;
}
.hljs-comment {
  color: #b3b3b3;
}
table.aui_border,
table.aui_dialog {
  border: 0;
  margin: 0;
  border-collapse: collapse;
  width: auto;
}
.aui_titleBar {
  position: relative;
}
.aui_title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: \5fae\8f6f\96c5\9ed1;
  height: 33px;
  line-height: 34px;
  padding: 0 28px 0 15px;
  font-weight: 700;
  background-color: #ECECEC;
  font-size: 14px;
  color: #464646;
  border-top: 2px solid #E8574E;
}
.aui_close {
  display: block;
  position: absolute;
  text-decoration: none;
  outline: 0;
  top: 9px;
  right: 7px;
  width: 20px;
  height: 21px;
  line-height: 20px;
  font-size: 14px;
  color: #68767B;
  text-align: center;
}
.aui_close:hover {
  background: #C72015;
  color: #FFF;
  text-decoration: none;
}
.aui_inner {
  background-color: #FFF;
  float: left;
}
.dialog-btn {
  display: inline-block;
  padding: 5px 15px;
  margin-top: 10px;
  font-family: \5fae\8f6f\96c5\9ed1;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  overflow: visible;
  background-color: #F60;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  color: #FFF;
  text-align: center;
}
.dialog-btn:hover {
  background-color: #FC7D29;
  color: #FFF;
}
.dialog-btn-a,
.dialog-btn-d {
  font-size: 14px;
  display: inline-block;
  padding: 2px 12px;
  border-radius: 2px;
  text-align: center;
}
.dialog-btn-a {
  color: #FFF;
  background-color: #FF5001;
  border: 1px solid #ED4800;
  cursor: pointer;
}
.dialog-btn-d {
  color: #333;
  background-color: #F5F5F5;
  border: 1px solid #CCC;
  cursor: default;
}
.dialog-btn-a:hover {
  text-decoration: none;
  color: #FFF;
  background-color: #F8631F;
}
.dialog-btn-d:hover {
  text-decoration: none;
  color: #333;
}
.customize-content {
  -ms-flex: 1;
  flex: 1;
  color: #555;
  box-sizing: border-box;
  line-height: 22px;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: \5fae\8f6f\96c5\9ed1;
  font-size: 14px;
  min-width: 888px;
}
.customize-box {
  padding: 0 25px;
}
.customize-head {
  padding: 40px;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 25px;
  box-sizing: border-box;
  min-width: 888px;
  background: #F2F2F2 url() repeat;
  position: relative;
  z-index: 0;
}
.customize-head:after,
.customize-head:before,
.customize-head strong:after,
.customize-head strong:before,
.customize-head p:before {
  content: '';
  width: 6px;
  height: 20%;
  position: absolute;
  left: 0;
}
.customize-head:after {
  background-color: #F8B310;
  top: 0;
}
.customize-head:before {
  background-color: #F57A07;
  top: 20%;
}
.customize-head strong {
  font-size: 28px;
  color: #333;
  font-weight: normal;
}
.customize-head strong:after {
  background-color: #CB1F44;
  top: 40%;
}
.customize-head strong:before {
  background-color: #548DD3;
  top: 60%;
}
.customize-head p {
  font-size: 16px;
  text-indent: 0;
  color: #555;
  margin-top: 15px;
}
.customize-head p:before {
  background-color: #43AE50;
  top: 80%;
}
.customize-download-box {
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 25px;
  border: 2px dashed #E7E7E7;
  text-align: center;
  padding-bottom: 50px;
  color: #333;
  min-width: 888px;
}
.customize-download-box .download-ico {
  margin-top: 50px;
  display: block;
  margin-bottom: 25px;
}
.customize-download-box .download-ico:after {
  content: '\e602';
  font-family: 'docs';
  font-size: 36px;
  color: #777;
}
.customize-download-box .none-t {
  font-size: 20px;
  color: #555;
}
.customize-download-box .none-t em {
  color: #CA254E;
  background-color: #F9F2F4;
  padding: 0 3px;
  border-radius: 2px;
}
.customize-download-box .file-box {
  padding: 12px 0 15px 0;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.customize-download-box .file-box input[type="file"] {
  display: none;
}
.customize-download-box .file-box span {
  display: block;
}
.customize-download-box .file-box label {
  color: #337AB7;
  cursor: pointer;
  display: block;
  margin: 0 4px;
}
.customize-download-box .file-box label:hover {
  text-decoration: underline;
  color: #23527c;
}
.customize-download-box .a-tip {
  font-size: 14px;
  margin-top: 15px;
  color: #999;
}
.customize-upload-success-box {
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
  color: #4AAB4C;
  text-indent: 0;
  padding: 15px 20px;
  min-width: 888px;
  margin: 15px 20px 0 20px;
  display: none;
  animation: sacleYe .2s linear forwards;
  position: relative;
  z-index: 0;
}
.customize-upload-success-box.re {
  animation: sacleYe-re 0.2s linear forwards;
}
.customize-upload-success-box a {
  position: absolute;
  right: 6px;
  top: 5px;
}
.customize-upload-success-box a:after {
  content: '\e603';
  font-size: 17px;
  color: #B2C0AC;
  font-family: 'docs';
}
.customize-upload-success-box a:hover:after {
  color: #444;
}
.customize-title {
  margin: 0 25px;
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 8px;
  font-weight: normal;
  margin-bottom: 18px;
  padding-top: 36px;
  min-width: 888px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.customize-title:first-child {
  margin-top: 10px;
}
.customize-title.customize-flexstart {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.customize-title.customize-flexstart .customize-title-left {
  -ms-flex: 0 0 388px;
  flex: 0 0 388px;
}
.customize-title.customize-flexstart .customize-title-left:first-child {
  width: 388px;
}
.customize-hori {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 25px;
}
.customize-hori .hori-item {
  width: 388px;
}
.customize-hori .hori-item ul li {
  width: 100%;
  display: block;
}
.customize-title-left {
  font-size: 22px;
  -ms-flex: 1;
  flex: 1;
  color: #333;
}
.customize-title-left em {
  font-size: 15px;
  margin-left: 8px;
  color: #ED6258;
}
.customize-title-left a {
  color: #E8574E;
  font-size: 12px;
  margin-left: 8px;
}
.customize-title-right a {
  color: #548DD3;
  font-size: 14px;
}
.customize-lessvars {
  padding: 10px 25px 8px 25px;
  box-sizing: border-box;
  margin-bottom: 10px;
  border-bottom: 1px dashed #FFF;
  min-width: 888px;
}
.customize-lessvars ul {
  display: none;
  padding-bottom: 6px;
}
.customize-lessvars ul.show {
  display: block;
}
.customize-lessvars.show:hover {
  border-color: #C4C4C4;
}
.customize-lessvars.show:hover .lessvars-title .lessvars-title-left:before,
.customize-lessvars.show:hover .lessvars-title .lessvars-title-left .help-link {
  display: inline-block;
}
.customize-lessvars.show:hover .lessvars-title .lessvars-title-left .tg-title {
  color: #ED6258;
}
.customize-lessvars.show:hover .lessvars-title .lessvars-title-right a {
  display: block;
}
.customize-lessvars.show:hover input {
  border-color: #E8E8E8;
}
.lessvars-title {
  font-size: 18px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
  align-items: baseline;
  height: 38px;
  font-weight: normal;
}
.lessvars-title-left {
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
.lessvars-title-left:before {
  content: '';
  position: absolute;
  top: 4px;
  left: -10px;
  display: none;
  width: 3px;
  height: 15px;
  background-color: #ED6258;
}
.lessvars-title-left .tg-title {
  cursor: pointer;
}
.lessvars-title-left .tg-fu-title {
  font-size: 14px;
  font-style: normal;
  color: #666;
  margin-left: 4px;
}
.lessvars-title-left .help-link {
  font-size: 12px;
  font-family: \5fae\8f6f\96c5\9ed1;
  display: none;
  color: #E8574E;
}
.lessvars-title-right {
  display: block;
  text-align: right;
}
.lessvars-title-right a {
  display: none;
  font-size: 14px;
  color: #197EFF;
}
.lessvars-title-right a:hover {
  text-decoration: underline;
}
.customize-grids.rem {
  padding: 0 25px;
}
.customize-grids li {
  width: 245px;
  padding-right: 25px;
  box-sizing: border-box;
  margin-bottom: 11px;
  float: left;
  color: #444;
  font-size: 13px;
  position: relative;
}
.customize-grids li input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  left: -1000em;
}
.customize-grids li input[type="checkbox"]:checked + label:before {
  content: '\e601';
}
.customize-grids li input[type="checkbox"]:disabled + label {
  color: #A9A9A9;
}
.customize-grids li input[type="checkbox"]:disabled + label:before {
  color: #A9A9A9;
}
.customize-grids li input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  left: -1000em;
}
.customize-grids li input[type="radio"]:checked + label:before {
  content: '\e604';
}
.customize-grids li input[type="radio"]:disabled + label {
  color: #D4D4D4;
}
.customize-grids li input[type="radio"]:disabled + label em {
  color: #D4D4D4;
}
.customize-grids li input[type="radio"]:disabled + label:before {
  color: #D4D4D4;
}
.customize-grids li input[type="text"] {
  width: 100%;
  height: 30px;
  border: 1px solid #EEE;
  background-color: #FAFAFA;
  outline: none;
  padding-left: 8px;
  box-sizing: border-box;
  border-radius: 2px;
  color: #666;
  font-size: 13px;
}
.customize-grids li input[type="text"]:focus {
  border-color: #FD7C74;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(253, 124, 116, 0.35);
}
.customize-grids li input[type="text"].error {
  border: 1px solid #FD7C74;
  background-color: #FF4F4F;
  color: #FFF;
}
.customize-grids li label {
  cursor: pointer;
  font-size: 16px;
  font-family: Arial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
}
.customize-grids li label em {
  font-family: \5fae\8f6f\96c5\9ed1;
  font-size: 14px;
  color: #999;
  margin-left: 2px;
}
.customize-grids li label:before {
  content: '\e600';
  font-family: 'docs';
  font-size: 15px;
  color: #666;
  transition: all .18s;
  margin-right: 4px;
  position: relative;
  top: 1px;
}
.customize-grids li label.radio:before {
  content: '\e605';
  font-size: 18px;
}
.customize-grids li .fly-tip {
  display: none;
  position: absolute;
  bottom: 55px;
  left: 0;
  padding: 8px 20px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  color: #FFF;
}
.fuck-line {
  height: 1px;
  width: 100%;
  border-bottom: 1px dashed #D4D4D4;
}
.customize-tip-box {
  position: absolute;
  display: none;
  top: 30px;
  left: 0;
  width: 276px;
  text-align: center;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.85);
  border: 1px solid #313131;
  border-radius: 3px;
  font-size: 14px;
  padding: 0 10px;
}
.customize-tip-box:after,
.customize-tip-box:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.customize-tip-box:before {
  top: -8px;
  left: 23px;
  border-width: 0 8px 8px;
  background-color: transparent;
  border-color: transparent transparent #313131;
}
.customize-tip-box:after {
  border-width: 0 7px 7px;
  border-color: transparent transparent #262626;
  top: -7px;
  left: 24px;
}
.customize-tip-box .tip-hd {
  color: #E8574E;
  padding: 5px 10px 0;
  height: 50px;
  line-height: 50px;
  position: relative;
}
.customize-tip-box .tip-hd:after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #656464;
  -ms-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.customize-tip-box .tip-ft {
  display: -ms-flexbox;
  display: flex;
}
.customize-tip-box .tip-ft a {
  -ms-flex: 1;
  flex: 1;
  position: relative;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  font-size: 12px;
}
.customize-tip-box .tip-ft a:hover {
  text-decoration: none;
}
.customize-tip-box .tip-ft a:first-child:after {
  content: '';
  height: 40%;
  width: 1px;
  position: absolute;
  right: 0;
  top: 30%;
  background-color: #565656;
}
.customize-btn {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: none;
  margin-top: 30px;
  margin-bottom: 88px;
  font-family: \5fae\8f6f\96c5\9ed1;
  font-size: 17px;
  color: #FFF;
  border-radius: 3px;
  outline: none;
  background-color: #60C160;
  cursor: pointer;
}
.customize-btn:hover {
  background-color: #63c763;
}
.customize-btn:active {
  background-color: #4d9a4d;
}
.loading-box {
  background-color: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.loading-box .loading {
  position: relative;
  z-index: 0;
  width: 381px;
  height: 381px;
}
.loading-box .loading img,
.loading-box .loading .loading-line {
  width: inherit;
  height: inherit;
}
.loading-box .loading img {
  animation: rotate-re 2s linear infinite forwards;
}
.loading-box .loading .loading-line {
  animation: rotate 1.1s linear infinite forwards;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/loading_line.png) no-repeat;
}
.white-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.white-mask .txt {
  animation: zoomIn 0.1s ease-in forwards;
  background-color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  color: #FFF;
  padding: 20px;
  font-family: \5fae\8f6f\96c5\9ed1;
  border-radius: 5px;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-re {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes sacleYe {
  from {
    opacity: 0.5;
    transform: scale(1, 0.1);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes sacleYe-re {
  from {
    opacity: 0.5;
    transform: scale(1, 1);
  }
  to {
    opacity: 1;
    transform: scale(1, 0.1);
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@media screen and (min-width: 1441px) {
  .customize-head,
  .customize-download-box,
  .customize-title {
    margin-left: 40px;
  }
  .customize-head,
  .customize-download-box {
    margin-top: 40px;
  }
  .customize-head,
  .customize-download-box,
  .customize-title {
    margin-right: 40px;
  }
  .customize-grids li {
    width: 268px;
    padding-right: 40px;
  }
  .customize-box,
  .customize-lessvars,
  .customize-hori,
  .customize-grids.rem {
    padding: 0 40px;
  }
  .content-box {
    padding: 40px;
  }
  .nav {
    width: 228px !important;
    min-width: 228px !important;
  }
}
.back-top {
  width: 50px;
  height: 50px;
  border: 1px solid #DCDCDC;
  position: fixed;
  bottom: 88px;
  right: 28px;
  background-color: #E5E5E5;
  z-index: 999;
  display: none;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.back-top:after {
  content: '\e606';
  font-family: 'docs';
  font-size: 32px;
  color: #A4A4A4;
}
.back-top:hover {
  background-color: #D8D8D8;
}
.back-top:hover:after {
  color: #fff;
}
.back-top.show {
  display: -ms-flexbox;
  display: flex;
}
.duoshuo {
  margin-bottom: 150px;
  padding-top: 30px;
  display: none;
}
.comment {
  margin-top: 20px !important;
}
#ds-reset .ds-rounded {
  border-radius: 0 !important;
}
#ds-thread #ds-reset #ds-hot-posts {
  margin: 10px 0 10px !important;
  border: 1px solid #e6e6e6 !important;
}
#ds-reset .ds-gradient-bg {
  background: #F7F7F7 !important;
}
#ds-reset .ds-avatar img {
  box-shadow: none !important;
  border: 1px solid #F0F0F0 !important;
}
#ds-thread #ds-reset .ds-textarea-wrapper {
  background: #fdfdfd !important;
}
#ds-reset .ds-rounded-top,
#ds-thread #ds-reset .ds-post-options,
#ds-thread #ds-reset .ds-post-button,
#ds-thread #ds-reset li.ds-tab a {
  border-radius: 0 !important;
}
#ds-thread #ds-reset .ds-post-options {
  border-bottom-color: #CCC !important;
}
#ds-thread #ds-reset .ds-post-button {
  background-image: none !important;
  background-color: #E8E8E8 !important;
  outline: none !important;
  font-family: \5fae\8f6f\96c5\9ed1 !important;
  font-size: 15px !important;
}
#ds-thread #ds-reset .ds-post-button:hover {
  background: #f3f1f1 !important;
}
#ds-thread #ds-reset .ds-textarea-wrapper textarea {
  height: 66px !important;
}
#ds-thread #ds-reset .ds-comments-info {
  margin-top: 20px !important;
  padding: 8px 0 0 0 !important;
}
#ds-thread #ds-reset li.ds-post {
  border-top: none !important;
}
#ds-thread #ds-reset .ds-comments {
  margin-top: -58px !important;
  padding-top: 68px !important;
}
#ds-thread #ds-reset .ds-post-self {
  border-top: 1px solid #F0F0F0 !important;
}
#ds-thread #ds-reset .ds-paginator {
  border-bottom: none !important;
  text-align: center !important;
  margin-top: 15px !important;
}
#ds-thread #ds-reset .ds-paginator a {
  display: inline-block !important;
  background-color: #FFF !important;
  height: 26px;
  line-height: 26px;
  padding: 0 10px 0 !important;
  border: 1px solid #DEDEDE !important;
  font-family: Arial !important;
  color: #999 !important;
  border-radius: 1px !important;
}
#ds-thread #ds-reset .ds-paginator a:hover {
  background-color: #FF5E53 !important;
  border-color: #FF5E53 !important;
  color: #FFF !important;
}
#ds-thread #ds-reset .ds-paginator a.ds-current {
  display: inline-block !important;
  background-color: #FF5E53 !important;
  border: 1px solid #FF5E53 !important;
  margin: 0 5px !important;
  color: #FFF !important;
}
#ds-thread #ds-reset .ds-toolbar {
  padding: 8px 0 0 0 !important;
}
#ds-thread #ds-reset .ds-replybox {
  margin: 2px 0 8px 0 !important;
}
#ds-thread #ds-reset li.ds-tab a {
  padding: 3px 7px;
}
.nav {
  min-width: 218px;
  width: 218px;
  background-color: #FAFAFA;
  color: #777;
  font-family: \5fae\8f6f\96c5\9ed1;
  overflow-x: hidden;
  overflow-y: auto;
}
.nav dl {
  padding-bottom: 50px;
}
.nav dl dt {
  position: relative;
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 5px;
  padding-left: 25px;
  color: #333;
}
.nav dl dt:first-child {
  margin-top: 0;
}
.nav dl dt em {
  width: 3px;
  height: 18px;
  background-color: #FD7C74;
  position: absolute;
  top: 3px;
  left: 11px;
}
.nav dl dd {
  font-size: 14px;
}
.nav dl dd a {
  color: inherit;
  display: block;
  padding-left: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.nav dl dd a.active,
.nav dl dd a:hover {
  color: #E8574E;
  background-color: #E5E5E5;
}
.nav dl dd a span {
  font-size: 12px;
  color: #AAA;
  margin-left: 6px;
  font-family: Arial;
}
.nav dl dd.cur {
  background-color: #F0F0F0;
  color: #E8574E;
}
.nav dl dd.cur span {
  color: #E8574E;
}
.fuck {
  padding-left: 1.3em;
}
.fuck div.demo-box:first-of-type {
  margin-top: 5px;
}
.cell-demo .demo {
  background-color: #F5F5F5 !important;
}
.demo-box {
  border: 1px solid #E2E2E2;
  border-radius: 1px;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  background-color: #FEFEFE;
}
.fuck {
  padding-left: 1.3em;
  padding-top: 10px;
}
.fuck div.demo-box:first-of-type {
  margin-top: 10px;
}
.demo-content {
  font-size: 13px;
  transition: height 0.2s ease-in-out;
  position: relative;
}
.demo-content:first-child {
  -ms-flex: 1;
  flex: 1;
  background-color: #FCFCFC;
}
.demo-content:last-child {
  width: 55%;
  overflow: hidden;
  border-left: 1px dashed #DEDEDE;
  position: relative;
}
.demo-content:last-child .pre {
  font-size: 14px;
  padding: 18px 20px 25px 20px;
}
.demo-content:last-child .show-more {
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: -8px;
  text-align: center;
  left: 0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fafafa 100%);
}
.demo-content:last-child .show-more:after {
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  content: '\ec57';
  font-size: 16px;
  color: #999;
  margin-top: 2px;
  display: block;
}
.demo-content:last-child .show-more.down:after {
  content: '\ec59';
}
.demo-content .content .demo {
  background-color: #FFF;
  padding: 18px 20px 15px 20px;
}
.demo-content .content > strong {
  font-weight: normal;
  padding: 0 10px;
  position: absolute;
  z-index: 2;
  left: 25px;
  color: #E8574E;
  font-size: 14px;
  top: -12px;
}
.demo-content .content > strong span {
  position: relative;
  z-index: 3;
}
.demo-content .content > strong:after {
  content: '';
  height: 1px;
  width: 100%;
  background-color: #FEFEFE;
  position: absolute;
  top: 11px;
  left: 0;
  z-index: 1;
}
.demo-content .content .interpretation {
  border-top: 1px solid #EEEEEE;
  padding: 15px 20px;
  font-size: 12px;
  line-height: 22px;
}
.demo-content .content .interpretation p {
  padding-bottom: 8px;
}
.demo-content .content .interpretation p span {
  background-color: #E8E8E8;
  padding: 0 5px 1px;
  border-radius: 3px;
  margin: 0 3px;
}
.demo-content .content .interpretation p a {
  color: #3390D4;
  margin: 0 2px;
}
.demo-content .content .interpretation p:last-child {
  padding-bottom: 0;
}
.demo .btn-block:first-child {
  margin-top: 5px !important;
}
.demo .m-cell:last-child {
  margin-bottom: 0;
}
.fuck-icon {
  color: #FF685D;
  margin-top: 10px;
  border: 1px solid #ececec;
  border-bottom: none;
  margin-left: 1.3em;
}
.fuck-icon p {
  color: #333;
  font-size: 15px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #ececec;
  background-color: #fafafa;
}
.fuck-icon .grids-icon {
  font-size: .6rem;
}
::-webkit-scrollbar {
  width: 3px;
  height: 7px;
}
::-webkit-scrollbar-track {
  background-color: #FAFAFA;
}
::-webkit-scrollbar-thumb {
  background-color: #F2F2F2;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #BFBFBF;
}
::-webkit-scrollbar-thumb:active {
  background-color: #CCC;
}
html {
  height: 100%;
}
a {
  outline: none;
}
body {
  overflow: hidden;
  height: 100%;
  font-family: \5fae\8f6f\96c5\9ed1;
  background-color: #FAFAFA !important;
}
.ie * {
  display: none;
}
.ie body {
  display: block !important;
  width: 100%;
  height: 100%;
  background-color: #E8574E;
}
.ie .fuck-ie {
  display: block !important;
}
.fuck-ie {
  text-align: center;
  font-size: 28px;
  position: fixed;
  display: none;
  width: 600px;
  height: 100px;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -50px;
  color: #FFF;
  font-family: \5fae\8f6f\96c5\9ed1;
}
.box {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.header {
  height: 60px;
  width: 100%;
  color: #FFF;
  background-color: #E8574E;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header .l h1 {
  font-size: 26px;
  margin-left: 15px;
  font-weight: normal;
}
.header .l h1 a {
  color: inherit;
  font-size: 12px;
  margin-left: 5px;
}
.header .l h1 a:hover {
  text-decoration: underline;
}
.header .r {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 20px;
}
.header .r .github-icon {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 5px;
  background: url(../img/github.png) no-repeat;
}
.header .r .osc-icon {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 5px;
  margin-left: 30px;
  background: url(../img/osc.png) no-repeat;
}
.header .r .github {
  font-size: 14px;
  color: inherit;
}
.header .r .github:hover {
  text-decoration: underline;
}
.main {
  width: 100%;
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  background-color: #FFF;
  margin-top: 25px;
}
.content-box {
  -ms-flex: 1;
  flex: 1;
  padding: 0 25px 128px 25px;
  color: #555;
  box-sizing: border-box;
  line-height: 22px;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: \5fae\8f6f\96c5\9ed1;
  font-size: 14px;
  min-width: 888px;
}
.content-box.p-none {
  padding: 0;
}
.content-box h2 {
  font-size: 17px;
  padding-top: 20px;
  color: #555;
  padding-bottom: 10px;
  border-bottom: 1px solid #E7E7E7;
}
.content-box h2 em {
  font-size: 14px;
}
.content-box h3 {
  font-size: 15px;
  color: #333;
  margin-top: 20px;
}
.content-box h4 {
  font-weight: normal;
  color: #333;
  text-indent: .8em;
  font-size: 15px;
  margin-top: 10px;
}
.content-box h4 a {
  color: #3390D4;
}
.content-box h4 a.demo-link {
  margin-left: 0;
  font-size: 15px;
}
.content-box h4 a:hover {
  color: #E8574E;
  text-decoration: underline;
}
.content-box h5 {
  font-weight: normal;
  color: #333;
  font-size: 15px;
  margin-top: 10px;
  text-indent: 2em;
}
.s-code {
  background-color: #EAEAEA;
  padding: 0 3px;
  margin: 0 3px;
  border-radius: 2px;
}
.a-code {
  border-bottom: 1px dashed #DFDFDF;
  padding-bottom: 5px;
}
.util-box {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 25px;
  margin-bottom: 20px;
}
.util-box:last-child {
  border-bottom: none;
}
.util-box .help-con {
  -ms-flex: 1;
  flex: 1;
  padding-left: 35px;
  padding-top: 8px;
  box-sizing: border-box;
}
.util-box .help-con .help-fd {
  padding-bottom: 10px;
}
.util-box .help-con .help-fd .help-title {
  color: #333;
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px dashed #DFDFDF;
  padding-bottom: 5px;
}
.util-box .help-con .help-fd .help-item {
  color: #666;
  padding-left: 15px;
}
.util-box .help-con .help-fd .help-item em {
  color: #999;
}
.util-box .help-con .help-fd .help-item i {
  color: #04BE02;
  margin-left: 3px;
}
.util-box .help-con pre {
  padding-left: 15px;
}
.util-box .img-box {
  padding-left: 25px;
}
.util-box .img-box img {
  width: 320px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  display: inline-block;
}
@media screen and (min-width: 1441px) {
  .content-box {
    padding: 40px;
  }
  .back-top {
    right: 57px;
  }
}
.imgshow {
  display: -ms-flexbox;
  display: flex;
}
.imgshow-left {
  -ms-flex: 1;
  flex: 1;
}
.imgshow-right {
  padding-top: 30px;
  padding-left: 20px;
  max-width: 380px;
  text-align: right;
}
.imgshow-right img {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
  width: 360px;
  margin-bottom: 20px;
  display: inline-block;
  cursor: pointer;
}
.import-demo {
  margin-top: 5px;
  padding: 10px 15px;
  margin-left: 21px;
  border: 1px solid #EDEDED;
  background-color: #FCFCFC;
}
.import-demo p {
  color: #44c125;
}
.import-demo p span {
  background-color: #efefef;
  padding: 1px 6px 3px;
  border-radius: 3px;
  color: #E96900;
}
.prams-box {
  color: #333;
  text-indent: 2em;
  margin-top: 8px;
}
.prams-box:before {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #666;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  border-radius: 50%;
  margin-top: -2px;
}
.prams-box span {
  background-color: #F9F9F9;
  border: 1px solid #F1F1F1;
  padding: 1px 6px 3px;
  border-radius: 3px;
  margin-right: 3px;
}
.prams-box a {
  color: #3390D4;
}
.prams-box a:hover {
  text-decoration: underline;
}
.table {
  margin-left: 1.3em;
}
.table table {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 5px;
}
.table table td {
  border: 1px solid #ECECEC;
  padding: 0 8px;
}
.table table td span {
  background-color: #F9F9F9;
  border: 1px solid #F1F1F1;
  padding: 1px 6px 3px;
  border-radius: 3px;
  margin-right: 3px;
}
.table table tr {
  height: 40px;
}
.table table thead {
  background-color: #F5F9FC;
}
